.treetransfer_wrap {
  user-select: none;
  display: flex;
  align-items: center;
  gap: 20px;
  .tw_left,
  .tw_right {
    width: 400px;
    height: 500px;
    border: 1px solid var(--color-border-1);
    border-radius: 6px;
    display: flex;
    overflow: hidden;
    flex-direction: column;
    .tw_header {
      width: 100%;
      height: 40px;
      flex-shrink: 0;
      padding: 0 12px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      color: var(--color-text-3);
      .twheader_title {
        font-size: 15px;
        flex: 3;
      }
      .twheader_actions {
        flex: 2;
        display: flex;
        align-items: center;
        justify-content: flex-end;
      }
    }
    .tw_search_box {
      width: 100%;
      flex-shrink: 0;
      margin: 0 auto;
      .search_input {
        border-radius: 0;
        border-right: none;
        border-left: none;
      }
    }
    .tw_tree {
      flex: 1;
      padding: 12px 0;
      overflow: hidden;
      overflow-y: scroll;
    }
  }
  .ant-tree-list {
    color: var(--color-text-3);
  }
}
